*{
    margin: 0;
    padding: 0;
}
body{
    /*background-color: black;*/
    height: 100%;
     position: relative;
}
.xin{
    height: 200px;
    width: 200px;
    position: relative;
    transform: rotate(-45deg);
    background-color: red;
    border-bottom-left-radius: 15px;
       /*相对于body定位*/
    position: absolute;
    top: 201px;
    left: 660px;
}
.left{
    height: 200px;
    width: 200px;
    position: absolute;
    top: -130px;
    left: 0px;
    background-color: red;

    border-top-left-radius: 50%;
     border-top-right-radius: 50%;
}
.right{
    height: 200px;
    width: 200px;
    position: absolute;
    top: 0px;
    left: 130px;
    background-color: red;
      border-top-right-radius: 50%;
     border-bottom-right-radius: 50%;
}




.xing{
    height: 200px;
    width: 200px;
    position: relative;
    transform: rotate(-45deg);
    background-color: red;
    border-bottom-left-radius: 15px;
       /*相对于body定位*/
    position: absolute;
    top: 200px;
    left: 475px;
}
.left-tow{
    height: 200px;
    width: 200px;
    position: absolute;
    top: -130px;
    left: 0px;
    background-color: red;

    border-top-left-radius: 50%;
     border-top-right-radius: 50%;
}
.right-tow{
    height: 200px;
    width: 200px;
    position: absolute;
    top: 0px;
    left: 130px;
    background-color: red;
      border-top-right-radius: 50%;
     border-bottom-right-radius: 50%;
}


.sss{
    height: 300px;
    width: 20px;
    background-color: saddlebrown;
   margin: 0 auto;
   position: relative;
   border-radius: 15px;
   transform: rotate(-110deg);
   /*相对于body定位*/
    position: absolute;
    top: 120px;
    left: 520px;

}

.zuo1{
    height: 10px;
    width: 50px;
    background-color:saddlebrown;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: -40px;
}
.zuo2{
    height: 10px;
    width: 50px;
    background-color:saddlebrown;
    transform: rotate(45deg);
    position: absolute;
    top: 50px;
    left: -40px;
}
.zuo3{
    height: 10px;
    width: 50px;
    background-color:saddlebrown;
    transform: rotate(45deg);
    position: absolute;
    top: 90px;
    left: -40px;
}
.you1{
    height: 10px;
    width: 50px;
    background-color: saddlebrown;
     transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    left: 10px;
}
.you2{
    height: 10px;
    width: 50px;
    background-color: saddlebrown;
     transform: rotate(-45deg);
    position: absolute;
    top: 50px;
    left: 10px;
}
.you3{
    height: 10px;
    width: 50px;
    background-color:saddlebrown;
     transform: rotate(-45deg);
    position: absolute;
    top: 90px;
    left: 10px;
}